<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="/css/cart.css">
    <title>购物车</title>
</head>
<body>
    <header></header>
    <main class="container">
        <p class="lh77">
            <span>首页></span>
            <span class="gray">购物车</span>
        </p>
        <div class="no-empty">
            <table class="cart-table">
            <thead>
                <tr>
                    <th width="18"><input type="checkbox" class="ck_all"></th>
                    <th width="130">全选</th>
                    <th width="325">商品信息</th>
                    <th width="205">单价</th>
                    <th width="208">数量</th>
                    <th width="129">金额</th>
                    <th width="">操作</th>
                </tr>
            </thead>
            <tbody>
               
            </tbody>
            </table>
        </div>
        <div class="empty">购物车为空</div>
        <div class="container calc">
            <div>
                <input class="ck_al" type="checkbox">
                <span>全选</span><span>已选0件</span>
            </div>
            <div>
                <div class="w200 ib">合计:<span class="red">¥</span><span class="red total">0.00</span></div>
                <div class="w200 ib" id="order">去结算</div>
            </div>
        </div>

    </main>
    <div class="address container">
        <div>
        <select class="province" id="">
            <option value="">请选择省份</option>
        </select>
        <select class="city" id="">
            <option value="">请选择城市</option>
        </select>
        <select class="district" id="">
            <option value="">请选择区县</option>
        </select>
    </div>
    </div>


    <script src="/lib/require.js" data-main="/js/cart.js"></script>
    <script type="text/html" id="cart-template">
        {{each products prod}}
         <tr class="company h84 lh50" >
                    <td><input type="checkbox" class="ck_prod_title"></td>
                    <td colspan=6 class="">
                        <span class="fl ml39">有品配送</span>
                        <div class="fr">
                            <span class="gray mr5">还差70.00元免运费</span>
                            <span class="red">凑单</span>
                        </div>
                    </td>
                        
                    </tr>
                    
                <tr class="prod" data-id={{prod.id}}>
                    <td><input type="checkbox" class="ck_prod"></td>
                    <td><img src="{{prod.img}}" class="prod-img" alt=""></td>
                    <td>{{prod.title}}</td>
                    <td class="price">¥{{prod.price}}</td>
                    <td class="clearfix">
                       
                        <div class="ml5" id="decr"></div>
                        <div  class="" id="quantity">{{prod.quantity}}</div>
                        <div  id="incr"></div></td>
                    <td >¥<span class="sub">{{prod.price*prod.quantity}}</span></td>
                    <td><img class="x"></td>
                </tr>
                {{/each}}
    </script>
</body>
</html>